<%-- 
    Document   : scoreboardTest
    Created on : Jun 17, 2011, 1:17:05 PM
    Author     : castrosalazar
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Principal | Vision Engager by DASH-IT</title>
<link type="text/css" rel="stylesheet" href="jsp/css/screen.css" />
<link type="text/css" rel="stylesheet" href="jsp/css/jquery-mobile.css" />
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="jsp/css/ipad.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="jsp/css/iphone.css" type="text/css" />
<script type="text/javascript" src="jsp/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="jsp/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="jsp/js/jquery-mobile.min.js"></script>
<script type="text/javascript" src="jsp/js/jquery-scrollTo-min.js"></script>
<script type="text/javascript" src="jsp/js/modernizr.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#sidebar .links").accordion();
    $("#scorecardContainer").scrollTo( "left:50%", 1000 );
});
</script>
</head>
<body>

<div id="header">
 <div class="logo">

 </div>
 <ul id="menu">
  <li>Métricas
  	<ul>
      <li>Link 1</li>
      <li>Link 2</li>
      <li>Link 3</li>
      <li>Link 4</li>
    </ul>
  </li>
  <li>Reportes
  	<ul>
      <li>Link 1</li>
      <li>Link 2</li>
      <li>Link 3</li>
      <li>Link 4</li>
    </ul>
  </li>
  <li>RAE's
  	<ul>
      <li>Link 1</li>
      <li>Link 2</li>
      <li>Link 3</li>
      <li>Link 4</li>
    </ul>
  </li>
  <li>Proyectos
  	<ul>
      <li>Link 1</li>
      <li>Link 2</li>
      <li>Link 3</li>
      <li>Link 4</li>
    </ul>
  </li>
 </ul>
</div>
<div id="workarea">
 <div id="sidebar">
  <div class="links">
      <h3><a href="#" class="section">Vistas</a></h3>
      <div>
            <a href="#" class="link">Link A</a>
        <a href="#" class="link">Link B</a>
        <a href="#" class="link">Link C</a>
        <a href="#" class="link">Link D</a>
      </div>
      <h3><a href="#" class="section">Mapas</a></h3>
      <div>
            <a href="#" class="link">Link A</a>
        <a href="#" class="link">Link B</a>
        <a href="#" class="link">Link C</a>
        <a href="#" class="link">Link D</a>
      </div>
      <h3><a href="#" class="section">Reportes</a></h3>
      <div>
            <a href="#" class="link">Link A</a>
        <a href="#" class="link">Link B</a>
        <a href="#" class="link">Link C</a>
        <a href="#" class="link">Link D</a>
      </div>
      <h3><a href="#" class="section">RAE's</a></h3>
      <div>
            <a href="#" class="link">Link A</a>
        <a href="#" class="link">Link B</a>
        <a href="#" class="link">Link C</a>
        <a href="#" class="link">Link D</a>
      </div>
      <h3><a href="#" class="section">Proyectos</a></h3>
      <div>
        <a href="#" class="link">Link A</a>
        <a href="#" class="link">Link B</a>
        <a href="#" class="link">Link C</a>
        <a href="#" class="link">Link D</a>
      </div>
  </div>
  <div id="footer">
    <div class="logo">DASH-IT</div>
    <span class="copyright">&copy;DASH-IT S.C. 2011.  Todos los Derechos Reservados.</span>
  </div>
 </div>
 <div id="scorecardContainer">
     <c:set var="theList" value="${requestScope.theList}" />
     <ul id="scorelist">
         <c:forEach items="${theList}" var="score" varStatus="status">
             <c:if test="${score.class.name == 'TestScorecard'}">
                 <li class="scoreitem"></li>
             </c:if>
        </c:forEach>
     </ul>
 </div>
</div>

</body>
</html>